草庐IT

Javascript JsTestDriver Jasmine 和 Jasmine-jquery

全部标签

javascript - 连续运行 jQuery 动画

我有一组淡出动画,之后我想运行一组animation调用。如何确保一个接一个运行?如果我这样做:$(div1).fadeOut(600);$(div2).fadeOut(600);$(div3).fadeOut(600);$(div4).animation({opacity:1},600);$(div5).animation({opacity:1},600);$(div6).animation({opacity:1},600);动画并行运行。上面的代码只是问题的简化/抽象。我无法将所有调用组合到一个函数中,在现实生活中元素的数量是可变的,每个元素都由它自己的类管理。

javascript - 如何在 jQuery 中检测和更改 div 高度

首先我要说的是,由于布局的复杂设计,我最终编写了一个名为equalHeights的函数,它主要查看布局中的几个div,然后选择最高的并将其余高度设置为该高度,这样我最终可以得到具有相同高度的div。所以基本上在页面加载之后,如果您查看代码,您会看到style="height:xxx"应用于每个div。这是我无法更改的,因此任何解决方案都无法触及此功能。div也将溢出设置为隐藏,这同样有其目的且无法更改。考虑到上述情况,我需要做的是能够根据用户交互引起的变化来更改div的高度。例如,我有一个包含一些隐藏行的表格,当用户单击链接时,这些隐藏行会展开。由于溢出,表格的额外长度将被隐藏,我需要

javascript - 带有字典参数的 Jquery post to Action

我感觉很不愉快,但我找不到这个问题的答案:在检查jQ$.post调用时,我有一组对象需要看起来像这样:limiter[0].Keylimiter[0].Value以便在Action中映射publicActionResultSomeAction(Dictionarydictionary){}但是,这个javascript://SomeGuidandSomeValuevarparam=[{'Key':'00000000-0000-00000-000000','Value':'someValue'}];$.post('/SomeController/SomeAction/',{diction

javascript - 扩展 jquery ui 小部件 - 如何访问父事件

我正在尝试创建一个扩展自ui.slider的jQuery小部件.我想要一个在“幻灯片”事件上执行的自定义方法。我尝试像正常使用slider小部件一样覆盖父项的选项,但我遇到了可变范围的问题:$.widget("ui.myslider",$.ui.slider,{_create:function(){this.foo="bar";//Outputs"bar"this._mySlide();//Outputs"undefined"whentriggeredthis.options.slide=this._mySlide;$.ui.slider.prototype._create.apply

javascript - 是否有一个 javascript (jquery) slider 可以独立于显示值来限制值?

我希望有一个0-100的slider,但只能从0-75中选择(例如)一个例子看起来像这样,slider被限制进入彩色区域很明显,我希望能够设置slider的最大值、最小值、限制和值...据我所知,jqueryUISlider不允许开箱即用。我希望有可能扩展基本行为,但我需要非常清晰的指导才能使它起作用! 最佳答案 您可以使用slider插件的slide事件,该事件在滑动期间每次鼠标移动时触发。使用ui.value获取当前句柄的值并检查最大限制并返回false。从此回调返回false可防止滑动。$(".selector").slide

javascript - 从 jQuery Mobile 更改默认数据主题

借助jQueryMobile,我可以使用自定义主题创建页面...现在这可行了,但要求我在我的每个页面中添加这一行,并且每次我添加一个新页面时。我尝试将data-theme="s"添加到body标签,但这没有任何影响。除了每页手动设置之外,还有其他方法可以做到这一点吗? 最佳答案 AFAIK,您必须以编程方式进行。类似的东西:$(document).bind("mobileinit",function(){...$.mobile.page.prototype.options.contentTheme="z";//yourtheme..

javascript - 将 JQuery UI 自动完成显示为表格

我正在使用JQueryUI的自动完成功能。我有许多值,以及一小部分关键字,其中一个关键字分配给每个值。我想在一个迷你表中显示每一对,一个单元格中有关键字,另一个单元格中有值。为此,我将覆盖_renderItem,如thedocumentation中所述.然而,当我这样做时,点击一个值(或关键字)实际上并没有做任何事情,所以我不能选择任何值。我怀疑这与data("item.autocomplete",item)不在正确的位置有关。或者我可能需要覆盖更高层的其他功能(_renderMenu或_suggest?)$("#tags").autocomplete({source:getItems

javascript - 跨浏览器 "inArray"函数(没有 jQuery)

我不知道array.indexOf()的跨浏览器兼容性不好.但现在我是,我需要找到一种方法来实现同样的事情,但不使用以前的方法。我尝试谷歌搜索了一段时间,但没有找到真正令人信服的答案。现在,我正在用循环来做(但这很慢,我相信有更好的方法)旁注:我不会使用jQuery或任何其他库/框架。它不一定需要返回索引(一个简单的true/false会好的)我认为没有必要分享我的代码,因为你们都知道数组循环检查是什么样子的(加上它会降低你的智商) 最佳答案 下面是inArray在jQuery中的实现方式:functioninArray(elem,

javascript - 使用 box-sizing :border-box 时,jQuery.height() 在 WebKit 和 Firefox 中的行为不同

我有一个应用了以下样式的文本区域:textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}如果我随后运行以下javascript/jquery代码,使用Safari(5.0.6)和Chrome(16.0.x)时,我的文本区域的高度将减半:$('textarea').each(function(){var$this=$(this);$this.height($this.height());}根据.height()的jQuery文档,这是预期的行为,因为.height()返回内容高度(无填充、边框),而不管box

javascript - Jquery mobile - 使用 pageinit 刷新复选框

我正在使用另一个页面上的链接列表调用一个页面(参见下面的代码)。像这样的列表test以下代码为test.html页面。我在这些页面上使用jquerymobile。当通过单击链接加载页面时,只有前3个复选框之后的复选框似乎正确刷新(显示为已选中)。前三个复选框似乎始终未选中,并且它们的选中值设置为false。不寻常的是,如果我在将复选框设置为true的语句之后放置一个if语句,则复选框选中的值评估为true,但在呈现的页面上似乎为false,您可以查看元素区域中的选中值的网络检查员。当您刷新页面(使用F5或地址栏附近的刷新按钮)时,复选框会按预期刷新。任何帮助将不胜感激。虽然下面的示例代